<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <div th:fragment="comLink">
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <meta name="author" content="TechyDevs">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width,  initial-scale=1.0">
        <meta name="description" content="Costar - Coronavirus Medical Prevention Template">
        <meta name="keywords" content="medical, corona, virus, health, html5 template">


        <!-- Google Fonts -->
        <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,500&display=swap"
              rel="stylesheet">

        <!-- inject:css -->
        <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
        <link rel="stylesheet" th:href="@{/css/bootstrap1.min.css}">
        <link rel="stylesheet" th:href="@{/css/font-awesome.min.css}">
        <link rel="stylesheet" th:href="@{/css/line-awesome.css}">
        <link rel="stylesheet" th:href="@{/css/animate.min.css}">
        <link rel="stylesheet" th:href="@{/css/owl.carousel.min.css}">
        <link rel="stylesheet" th:href="@{/css/owl.theme.default.min.css}">
        <link rel="stylesheet" th:href="@{/css/magnific-popup.css}">
        <link rel="stylesheet" th:href="@{/css/style.css}">
        <link rel="stylesheet" th:href="@{/css/community.css}">

        <!-- end inject -->
    </div>
</head>

<body>
<div th:fragment="comIndexHeaderMune" >
    <section class="header-menu-area">
        <div class="header-menu-fluid-3">
            <div class="container ">
                <div class="row align-items-center main-menu-content">
                    <div class="col-lg-3">
                        <div class="logo-box">
                            <a th:href="@{/index}" class="logo">
                                <img th:src="@{/images/logo.png}" alt="logo"></a>
                        </div>

                    </div><!-- end col-lg-3 -->
                    <div class="col-lg-9">
                        <div class="menu-wrapper">
                            <nav class="main-menu">
                                <ul th:class="${session.loginUser}!=null?'padding-top-30px':''">
                                    <li>
                                        <a th:href="@{/index}">医学科普</a>
                                    </li>
                                    <li>
                                        <a th:href="@{/about}">养生小知识</a></li>
                                    <li>
                                        <a href="#">医生团队</a>
                                        <ul class="dropdown-menu-item">
                                            <li><a th:href="@{/doctors}">知名专家</a></li>
                                            <li><a href="#">综合</a></li>
                                            <li><a href="#">内科</a></li>
                                            <li><a href="#">外科</a></li>
                                            <li><a href="#">本地专家</a></li>
                                        </ul>
                                    </li>
                                    <li><a th:href="@{/map}">全球疫情实时看</a></li>
                                    <li>
                                        <a th:href="@{/communityCenter/all/last_reply_time}">有医说疑论坛</a>
                                        <ul class="dropdown-menu-item">
                                            <li><a th:href="@{/communityCenter/all/last_reply_time}">综 合</a></li>
                                            <li><a th:href="@{/communityCenter/inclass/last_reply_time}">内 科</a></li>
                                            <li><a th:href="@{/communityCenter/outclass/last_reply_time}">外 科</a></li>
                                        </ul>
                                    </li>
                                    <li th:if="${session.loginUser}==null">
                                        <a th:href="@{/login}"> 登 录</a>
                                        <span class="ml-1 mr-1">/</span>
                                        <a th:href="@{/register}"> 注 册 </a>
                                    </li>
                                    <li th:if="${session.loginUser}!=null">
                                        <a th:href="@{/userCenter}">
                                            <img class="img-responsive img-circle img-show"
                                                 th:src="${session.loginUser.getImgUrl()}">
                                            <span th:if="${session.noticeCount}+${session.msgCount}>0"
                                                  class="badge img-msg-count"
                                                  th:text="${session.noticeCount}+${session.msgCount}">
                                            </span>
                                        </a>
                                        <ul class="dropdown-menu-item">
                                            <li><a th:href="@{/userCenter}">个人中心</a></li>
                                            <li>
                                                <a th:href="@{/userCenter/notices}">通 知　
                                                    <span th:if="${session.noticeCount}>0" class="badge msg-count"
                                                          th:text="${session.noticeCount}">
                                                </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a th:href="@{/userCenter/communicate}">私 信　
                                                    <span th:if="${session.msgCount}>0" class="badge msg-count"
                                                          th:text="${session.msgCount}">
                                                </span>
                                                </a>
                                            <li><a th:href="@{/logout}">退出登录</a></li>
                                        </ul>
                                    </li>
                                </ul><!-- end ul -->

                            </nav><!-- end main-menu -->
                            <div class="logo-right-button">
                                <ul>
                                    <li><a th:href="@{/publish}" class="template-btn">发帖解疑</a></li>
                                </ul>
                                <div class="side-menu-open">
                                    <i class="la la-bars"></i>
                                </div>
                            </div><!-- end logo-right-button -->

                            <div class="side-nav-container">
                                <div class="humburger-menu">
                                    <div class="humburger-menu-lines side-menu-close"></div>
                                    <!-- end humburger-menu-lines -->
                                </div><!-- end humburger-menu -->
                                <div class="side-menu-wrap">
                                    <ul class="side-menu-ul">
                                        <li class="sidenav__item">
                                            <a href="index.html">医学科普</a>
                                            <span class="menu-plus-icon"></span>
                                            <ul class="side-sub-menu">
                                                <li><a href="index.html">医学科普</a></li>

                                            </ul>
                                        </li>
                                        <li class="sidenav__item"><a href="about.html">养生小知识</a></li>
                                        <li class="sidenav__item">
                                            <a href="#">页栏</a>
                                            <span class="menu-plus-icon"></span>
                                            <ul class="side-sub-menu">
                                                <li><a href="doctors.html">医生团队</a></li>
                                                <li><a href="doctor-single.html">医生详细信息</a></li>
                                                <li><a href="contact.html">联系我们</a></li>
                                                <li><a href="faq.html">常见问题解答</a></li>
                                                <li><a href="error.html">错误页面</a></li>
                                                <li><a href="recover.html">恢复通道</a></li>
                                            </ul>
                                        </li>
                                        <li><a th:href="@{/map}">全球疫情实时看</a></li>
                                        <li class="sidenav__item">
                                            <a href="blog-grid.html">日志</a>
                                            <span class="menu-plus-icon"></span>
                                            <ul class="side-sub-menu">
                                                <li><a href="blog-grid.html">侧边栏</a></li>
                                                <li><a href="blog-sidebar.html">博客侧边栏</a></li>
                                                <li><a href="blog-single.html">博客细节</a></li>
                                            </ul>
                                        </li>
                                        <li class="sidenav__item">
                                            <a href="contact.html">联系我们</a>
                                        </li>
                                    </ul>
                                    <div class="side-btn-box">
                                        <div th:if="${session.loginUser}==null">
                                            <a th:href="@{/login}"> 登 录</a>
                                            <span class="ml-1 mr-1">/</span>
                                            <a th:href="@{/register}"> 注 册 </a>
                                        </div>
                                        <div th:if="${session.loginUser}!=null">
                                            <a th:href="@{/userCenter}">
                                                <img class="img-responsive img-circle img-show "
                                                     th:src="${session.loginUser.getImgUrl()}">
                                                <span th:if="${session.noticeCount}+${session.msgCount}>0"
                                                      class="badge img-msg-count"
                                                      th:text="${session.noticeCount}+${session.msgCount}">
                                            </span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- end side-nav-container -->
                        </div><!-- end menu-wrapper -->
                    </div><!-- end col-lg-9 -->
                </div><!-- end row -->
            </div><!-- end container -->
        </div><!-- end header-menu-fluid-->
    </section><!-- end header-menu-area -->
</div>


<div th:fragment="comHeaderMune">
    <section class="header-menu-area header-menu-area-2">
        <div class="header-menu-fluid">
            <div class="container">
                <div class="main-menu-content-2">
                    <div class="row align-items-center h-100">
                        <div class="col-lg-3">
                            <div class="logo-box">
                                <a th:href="@{/index}" class="logo"><img src="images/logo2.png" alt="logo"></a>
                            </div>
                        </div><!-- end col-lg-3 -->
                        <div class="col-lg-9">
                            <div class="menu-wrapper">
                                <nav class="main-menu">
                                    <ul th:class="${session.loginUser}!=null?'padding-top-20px':''">
                                        <li>
                                            <a th:href="@{/index}">医学科普</a>
                                        </li>
                                        <li><a th:href="@{/about}">养生小知识</a></li>
                                        <li>
                                            <a href="#">医生团队</a>
                                            <ul class="dropdown-menu-item">
                                                <li><a th:href="@{/doctors}">知名专家</a></li>
                                                <li><a href="#">综合</a></li>
                                                <li><a href="#">内科</a></li>
                                                <li><a href="#">外科</a></li>
                                                <li><a href="#">本地专家</a></li>
                                            </ul>
                                        </li>
                                        <li><a th:href="@{/map}">全球疫情实时看</a></li>
                                        <li>
                                            <a th:href="@{/communityCenter/all/last_reply_time}">有医说疑论坛</a>
                                            <ul class="dropdown-menu-item">
                                                <li><a th:href="@{/communityCenter/all/last_reply_time}">综 合</a></li>
                                                <li><a th:href="@{/communityCenter/inclass/last_reply_time}">内 科</a></li>
                                                <li><a th:href="@{/communityCenter/outclass/last_reply_time}">外 科</a></li>
                                            </ul>
                                        </li>
                                        <li th:if="${session.loginUser}==null">
                                            <a th:href="@{/login}"> 登 录</a>
                                            <span class="ml-1 mr-1">/</span>
                                            <a th:href="@{/register}"> 注 册 </a>
                                        </li>
                                        <li th:if="${session.loginUser}!=null">
                                            <a th:href="@{/userCenter}">
                                                <img class="img-responsive img-circle img-show "
                                                     th:src="${session.loginUser.getImgUrl()}">
                                                <span th:if="${session.noticeCount}+${session.msgCount}>0"
                                                      class="badge img-msg-count"
                                                      th:text="${session.noticeCount}+${session.msgCount}">
                                            </span>
                                            </a>
                                            <ul class="dropdown-menu-item">
                                                <li><a th:href="@{/userCenter}">个人中心</a></li>
                                                <li>
                                                    <a th:href="@{/userCenter/notices}">通 知　
                                                        <span th:if="${session.noticeCount}>0" class="badge msg-count"
                                                              th:text="${session.noticeCount}">
                                                </span>
                                                    </a>
                                                <li>
                                                    <a th:href="@{/userCenter/communicate}">私 信　
                                                        <span th:if="${session.msgCount}>0" class="badge msg-count"
                                                              th:text="${session.msgCount}">
                                                </span>
                                                    </a>
                                                <li><a th:href="@{/logout}">退出登录</a></li>
                                            </ul>
                                        </li>
                                    </ul><!-- end ul -->
                                </nav><!-- end main-menu -->

                                <div class="logo-right-button logo-right-button-2">
                                    <ul>
                                        <li><a th:href="@{/publish}" class="template-btn">发帖解疑</a></li>
                                    </ul>
                                    <div class="side-menu-open">
                                        <i class="la la-bars"></i>
                                    </div>
                                </div><!-- end logo-right-button -->
                                <div class="side-nav-container">
                                    <div class="humburger-menu">
                                        <div class="humburger-menu-lines side-menu-close"></div>
                                        <!-- end humburger-menu-lines -->
                                    </div><!-- end humburger-menu -->
                                    <div class="side-menu-wrap">
                                        <ul class="side-menu-ul">
                                            <li class="sidenav__item">
                                                <a href="index.html">home</a>
                                                <span class="menu-plus-icon"></span>
                                                <ul class="side-sub-menu">
                                                    <li><a href="index.html">Home 01</a></li>
                                                    <li><a href="home-2.html">Home 02</a></li>
                                                    <li><a href="home-3.html">Home 03</a></li>
                                                </ul>
                                            </li>
                                            <li class="sidenav__item"><a href="about.html">about</a></li>
                                            <li class="sidenav__item">
                                                <a href="#">pages</a>
                                                <span class="menu-plus-icon"></span>
                                                <ul class="side-sub-menu">
                                                    <li><a href="doctors.html">Our doctors</a></li>
                                                    <li><a href="doctor-single.html">Doctor detail</a></li>
                                                    <li><a href="contact.html">Contact us</a></li>
                                                    <li><a href="faq.html">Faqs</a></li>
                                                    <li><a href="error.html">Error page</a></li>
                                                    <li><a href="recover.html">Recover pass</a></li>
                                                </ul>
                                            </li>
                                            <li class="sidenav__item"><a href="prevention.html">Prevention</a></li>
                                            <li class="sidenav__item">
                                                <a href="blog-grid.html">blog</a>
                                                <span class="menu-plus-icon"></span>
                                                <ul class="side-sub-menu">
                                                    <li><a href="blog-grid.html">blog grid</a></li>
                                                    <li><a href="blog-sidebar.html">blog sidebar</a></li>
                                                    <li><a href="blog-single.html">blog detail</a></li>
                                                </ul>
                                            </li>
                                            <li class="sidenav__item">
                                                <a href="contact.html">contact</a>
                                            </li>
                                        </ul>
                                        <div class="side-btn-box">
                                            <li th:if="${session.loginUser}==null">
                                                <a th:href="@{/login}"> 登 录</a>
                                                <span class="ml-1 mr-1">/</span>
                                                <a th:href="@{/register}"> 注 册 </a>
                                            </li>
                                            <li th:if="${session.loginUser}!=null">
                                                <a th:href="@{/userCenter}">
                                                    <img class="img-responsive img-circle img-show "
                                                         th:src="${session.loginUser.getImgUrl()}">
                                                    <span th:if="${session.noticeCount}>0" class="badge img-msg-count"
                                                          th:text="${session.noticeCount}">
                                            </span>
                                                </a>
                                            </li>
                                        </div>
                                    </div><!-- end side-menu-wrap -->
                                </div><!-- end side-nav-container -->
                            </div><!-- end menu-wrapper -->
                        </div><!-- end col-lg-9 -->
                    </div><!-- end row -->
                </div>
            </div><!-- end container -->
        </div><!-- end header-menu-fluid-->
    </section><!-- end header-menu-area -->
</div>

<div id="loading-area">
    <div class="loader-col">
        <div class="loader" id="loader"></div>
    </div>
</div>

<div th:fragment="comSilder">
    <section class="slider-area">
        <div class="homepage-slide1">
            <div class="single-slide-item slide-bg1">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="banner-content">
                                <div class="section-heading">
                                    <p class="section__meta">勤洗手、注意个人卫生</p>
                                    <h2 class="section__title">做好疾病的预防先从做好自我卫生开始</h2>
                                </div>
                                <div class="section-description">
                                    <p class="section__desc">
                                        有很多的疾病都是可以通过注意个人为生来预防的 <br>
                                        勤洗手、不随地吐痰、打喷嚏的时候掩住口鼻，从细微之处来做好疾病预防
                                    </p>
                                </div>
                                <div class="btn-box hero-btn-box">
                                    <a href="doctors.html" class="template-btn mr-3">了解更多有关个人卫生的知识</a>
                                    <a href="" class="video-text-btn mfp-iframe video-play-btn">
                                        <span class="video-btn"><i class="la la-play"></i></span>
                                        <span> 观看相关视频</span>
                                    </a>
                                </div>
                            </div><!-- end banner-content -->
                        </div><!-- col-lg-12 -->
                    </div><!-- row -->
                </div><!-- container -->
            </div><!-- end single-slide-item -->
            <div class="single-slide-item slide-bg2 text-center">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="banner-content">
                                <div class="section-heading">
                                    <p class="section__meta">国内医学消息实时分享</p>
                                    <h2 class="section__title">我国医学重大进展公布</h2>
                                </div>
                                <div class="section-description">
                                    <p class="section__desc">
                                        发现功能成熟细胞在体外长期维持的新方法 <br>
                                        多组学技术发现肝癌精准诊治新靶点
                                    </p>
                                </div>
                                <div class="btn-box hero-btn-box">
                                    <a href="doctors.html" class="template-btn mr-3">查看更多信息</a>
                                    <a href="#" class="video-text-btn mfp-iframe video-play-btn">
                                        <span class="video-btn"><i class="la la-play"></i></span>
                                        <span> 观看相关视频</span>
                                    </a>
                                </div>
                            </div><!-- end banner-content -->
                        </div><!-- col-lg-12 -->
                    </div><!-- row -->
                </div><!-- container -->
            </div><!-- end single-slide-item -->
            <div class="single-slide-item slide-bg3">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="banner-content">
                                <div class="section-heading">
                                    <p class="section__meta">让你的生活更加健康</p>
                                    <h2 class="section__title">你需要了解哪些与健康生活有关的信息</h2>
                                </div>
                                <div class="section-description">
                                    <p class="section__desc">
                                        坚持做到少熬夜，养成良好的作息习惯 <br>
                                        要做到饮食健康，少吃油腻食品，减轻你的肠胃负担
                                    </p>
                                </div>
                                <div class="btn-box hero-btn-box">
                                    <a href="doctors.html" class="template-btn mr-3">了解更多有关健康生活信息</a>
                                    <a href="#" class="video-text-btn mfp-iframe video-play-btn">
                                        <span class="video-btn"><i class="la la-play"></i></span>
                                        <span> 观看相关视频</span>
                                    </a>
                                </div>
                            </div><!-- end banner-content -->
                        </div><!-- col-lg-12 -->
                    </div><!-- row -->
                </div><!-- container -->
            </div><!-- end single-slide-item -->
            <div class="single-slide-item slide-bg2 text-center">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="banner-content">
                                <div class="section-heading">
                                    <p class="section__meta">实时报道</p>
                                    <h2 class="section__title">对待一些疾病的基础防护措施
                                    </h2>
                                </div>
                                <div class="section-description">
                                    <p class="section__desc">
                                        我们的论坛是面向受身体疾病问题困扰的广大用户们、医生、医疗机构、医药从业者以及生命科学领域人士的专业性社会化网络,
                                        提供医学、医疗、药学、生命科学等相关领域的交流平台。
                                    </p>
                                </div>
                                <div class="btn-box hero-btn-box">
                                    <a href="doctors.html" class="template-btn mr-3">医生为您解答</a>
                                    <a href="#" class="video-text-btn mfp-iframe video-play-btn">
                                        <span class="video-btn"><i class="la la-play"></i></span>
                                        <span> 观看视频</span>
                                    </a>
                                </div>
                            </div><!-- end banner-content -->
                        </div><!-- col-lg-12 -->
                    </div><!-- row -->
                </div><!-- container -->
            </div><!-- end single-slide-item -->
            <div class="single-slide-item slide-bg3">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="banner-content">
                                <div class="section-heading">
                                    <p class="section__meta">保持个人卫生，让生活更轻松</p>
                                    <h2 class="section__title">有医说疑为您带来服务</h2>
                                </div>
                                <div class="section-description">
                                    <p class="section__desc">
                                        汇聚全球医学的力量,做中国最好的医学门户网站
                                    </p>
                                </div>
                                <div class="btn-box hero-btn-box">
                                    <a href="doctors.html" class="template-btn mr-3">医生为您解答</a>
                                    <a href="#" class="video-text-btn mfp-iframe video-play-btn">
                                        <span class="video-btn"><i class="la la-play"></i></span>
                                        <span> 观看视频</span>
                                    </a>
                                </div>
                            </div><!-- end banner-content -->
                        </div><!-- col-lg-12 -->
                    </div><!-- row -->
                </div><!-- container -->
            </div><!-- end single-slide-item -->
        </div><!-- end homepage-slides -->
    </section><!-- end slider-area -->
</div>

<div th:fragment="comAboutArea12">
    <section class="about-area section-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="section-heading text-center">
                        <h5 class="section__meta">为您解答</h5>
                        <h2 class="section__title padding-bottom-20px line-height-55">有医说疑
                            <br>为您服务<br> Doctors Solve Troubles </h2>
                        <div class="section-divider"></div>
                    </div><!-- end section-heading -->
                </div><!-- end col-lg-12 -->
            </div><!-- end row -->
            <div class="row mt-5 align-items-center">
                <div class="col-lg-6">
                    <div class="service-item pr-4">
                        <h3 class="widget-title padding-bottom-15px">我们论坛能为你提供什么服务</h3>
                        <ul class="list-items">
                            <li class="mb-3">你是否有时候会感觉到身体不舒服而又不想去医院，我们有专业的医生帮你“云看病”</li>
                            <li>你是否有时候想知道和你有同样身体问题的病友是如何缓解的，我们论坛将为你们提供交流的平台</li>
                            <li>当你遇到一些罕见疾病的时候是否不知道何处投医，我们论坛可以为你们提供国内在这些领域顶尖医院的信息，让你可以得到更好的治疗</li>
                        </ul>
                    </div><!-- end service-item -->
                </div><!-- end col-lg-6 -->
                <div class="col-lg-6">
                    <div class="service-item">
                        <img src="images/health4.jpg" alt="">
                        <div class="service-item-video">
                            <span> 视频指南</span>
                            <a class="mfp-iframe video-btn video-play-btn" href="" title="Watch Video">
                                <i class="la la-play"></i>
                            </a>
                        </div>
                    </div><!-- end service-item -->
                </div><!-- end col-lg-6 -->
            </div><!-- end row -->
            <div class="row padding-top-90px align-items-center">
                <div class="col-lg-6">
                    <div class="service-item">
                        <img src="images/health6.jpg" alt="">
                        <div class="service-item-video service-item-video-2">
                            <a class="mfp-iframe video-btn video-play-btn" href="#" title="Watch Video">
                                <i class="la la-play"></i>
                            </a>
                            <span> 视频指南</span>
                        </div>
                    </div><!-- end service-item -->
                </div><!-- end col-lg-6 -->
                <div class="col-lg-6">
                    <div class="service-item pl-4">
                        <h3 class="widget-title padding-bottom-15px line-height-33">如何有一个健康的身体</h3>
                        <ul class="list-items">
                            <li class="mb-3">平时要注意养成良好的生活饮食习惯，不要饮酒，科学合理的膳食，保持身体正常的营养供应，同时也不可暴饮暴食，注意养成良好的饮食习惯
                            </li>
                            <li>要注意多参加体育锻炼，有效的锻炼可以提高体质</li>
                            <li>平时的工作生活不要过于熬夜、劳累，要注意休息，劳逸结合</li>
                            <li>不要有太多心理方面的压力，适当的学会去给自己释放压力，及时的调整自己的心态，保持积极向上的心情</li>
                            <li>需要进行定期的体格检查，包括影像学的检查和血生化检查，发现疾病，及时的处理</li>
                        </ul>
                    </div><!-- end service-item -->
                </div><!-- end col-lg-6 -->
            </div><!-- end row -->
            <div class="row padding-top-90px align-items-center">
                <div class="col-lg-6">
                    <div class="service-item pr-4">
                        <h3 class="widget-title padding-bottom-15px line-height-33">夏季指南</h3>
                        <p class="font-weight-medium">
                            夏季人体阳气外浮，外热而内寒，易使脾胃虚弱，长夏应脾，是健脾、养脾、治脾的重要时期。长夏偏湿，多吃豆类，能健脾利湿。在饮食方面宜清淡、少油、温食为主，可一日多餐，每餐勿过饱。
                        <h5>养心食疗</h5>
                        <li>降脂食品：大豆、蘑菇、花生、生姜、甲鱼、茶叶、芹菜、苦瓜、冬瓜、西红柿</li>
                        <li>安神食品：莲子、百合、桂圆、酸枣仁、小麦、小米、黄鱼</li>
                        <li>补气活血食品：红枣、苹果、红豆、赤小豆、枸杞</li>
                        <h5>清热、益气、生津食品</h5>
                        <li>百合绿豆羹（清热补肺气）</li>
                        <li>绿豆汤（喝清汤，消暑；吃煮烂绿豆汤，降血压防血管硬化）</li>
                        <li>苦瓜猪肉汤（清热解毒）</li>
                        </p>
                    </div><!-- end service-item -->
                </div><!-- end col-lg-6 -->
                <div class="col-lg-6">
                    <div class="service-item">
                        <img src="images/health7.jpg" alt="">
                        <div class="service-item-video">
                            <span> 视频指南</span>
                            <a class="mfp-iframe video-btn video-play-btn" href="#" title="Watch Video">
                                <i class="la la-play"></i>
                            </a>
                        </div>
                    </div><!-- end service-item -->
                </div><!-- end col-lg-6 -->
            </div><!-- end row -->
        </div><!-- end container -->
    </section><!-- end feature-area -->
</div>

<div th:fragment="comAboutArea5">
    <section class="about-area section--padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-5">
                    <div class="about-item-box">
                        <div class="section-heading">
                            <h5 class="section__meta">更多疾病预防小知识</h5>
                            <h2 class="section__title padding-bottom-15px line-height-55">了解更多疾病的预防方法</h2>
                            <div class="section-divider"></div>
                        </div><!-- end section-heading -->
                        <div class="section-description padding-top-20px">
                            <p class="section__desc">
                                我们身边的的很多疾病是可以通过多注意个人卫生来预防的
                            </p>
                        </div>
                        <ul class="list-items">
                            <li class="d-flex align-items-center mb-3">
                                <div class="about-icon flex-shrink-0">
                                    <svg viewBox="-19 -35 624.00103 624" xmlns="http://www.w3.org/2000/svg">
                                        <path d="m113.042969 391.878906c9.253906 7.542969 20.023437 13.007813 31.578125 16.03125-16.734375 18.804688-17.367188 46.972656-1.480469 66.5l48.242187 59.183594c17.863282 21.875 50.066407 25.160156 71.972657 7.339844l42.171875-34.378906c21.617187 2.476562 43.3125-3.875 60.1875-17.609376l133.292968-108.675781c7.910157-6.441406 11.996094-16.460937 10.84375-26.597656-1.15625-10.132813-7.390624-18.980469-16.546874-23.476563l11.773437-9.597656c7.984375-6.515625 12.058594-16.679687 10.789063-26.90625-1.269532-10.226562-7.699219-19.082031-17.035157-23.453125 9.863281-11.863281 9.101563-29.269531-1.753906-40.230469-10.863281-10.953124-28.265625-11.871093-40.214844-2.113281l-3.554687 2.898438c-2.558594-9.875-9.972656-17.757813-19.667969-20.929688-9.6875-3.171875-20.328125-1.191406-28.230469 5.257813l-44.800781 36.53125c.667969-13.011719-3.542969-25.804688-11.800781-35.875-6.171875-7.617188-17.34375-8.796875-24.972656-2.644532l-10.953126 8.824219h-4.007812c8.828125-9.5 13.675781-22.019531 13.554688-34.988281-.015626-4.679688-1.898438-9.152344-5.230469-12.4375-3.332031-3.277344-7.839844-5.09375-12.515625-5.035156h-150.046875c-25.976563.054687-49.996094 13.828125-63.160157 36.222656h-40.742187c-28.210937 0-50.734375 23.488281-50.734375 51.695312v76.347657c-.0585938 13.457031 5.273438 26.375 14.804688 35.882812 9.535156 9.5 22.46875 14.792969 35.929687 14.695313h54.429687c2.457032 3.746094 5.085938 5.277344 7.878907 7.539062zm221.839843-165.089844c.050782-.042968.121094-.070312.195313-.058593.066406.003906.128906.039062.175781.09375 12.308594 15.09375 10.050782 37.308593-5.046875 49.621093l-39.074219 31.851563c-2.441406 1.964844-3.644531 5.089844-3.148437 8.1875s2.609375 5.691406 5.546875 6.800781c2.929688 1.109375 6.234375.5625 8.65625-1.4375l39.070312-31.851562.011719-.011719 75.1875-61.300781c3.445313-2.859375 8.164063-3.65625 12.355469-2.074219 4.191406 1.574219 7.210938 5.28125 7.914062 9.707031.703126 4.425782-1.023437 8.886719-4.519531 11.6875l-97.792969 79.730469c-2.464843 1.960937-3.683593 5.09375-3.195312 8.207031.492188 3.109375 2.617188 5.71875 5.566406 6.820313 2.945313 1.109375 6.265625.542969 8.679688-1.476563l97.789062-79.730468 24.65625-20.097657c5.335938-4.277343 13.125-3.449219 17.445313 1.851563 4.320312 5.300781 3.5625 13.09375-1.695313 17.464844l-16.414062 13.382812-.019532.015625-24.65625 20.105469-.019531.019531-81.335937 66.308594c-2.445313 1.96875-3.648438 5.089843-3.152344 8.1875.492188 3.097656 2.609375 5.695312 5.542969 6.800781 2.9375 1.109375 6.242187.5625 8.660156-1.4375l81.347656-66.324219 24.660157-20.105469c5.335937-4.347656 13.1875-3.554687 17.535156 1.785157 4.347656 5.332031 3.550781 13.183593-1.785156 17.53125l-28.757813 23.453125c-.488281.394531-.929687.84375-1.320313 1.332031-.96875.621094-1.902343 1.292969-2.789062 2.015625l-56.703125 46.234375c-2.476563 1.957031-3.707031 5.09375-3.21875 8.214844.488281 3.117187 2.621094 5.730469 5.578125 6.835937 2.957031 1.105469 6.277344.53125 8.6875-1.5l56.710938-46.230468c3.445312-2.859376 8.164062-3.65625 12.355468-2.074219 4.191406 1.578125 7.21875 5.285156 7.917969 9.710937.703125 4.417969-1.023437 8.882813-4.523437 11.679688l-133.296876 108.679687c-13.769531 11.214844-31.621093 16.121094-49.183593 13.519531-2.761719-.804687-5.742188-.199218-7.972657 1.621094l-45.199218 36.847656c-14.417969 11.730469-35.613282 9.574219-47.371094-4.820312l-48.242188-59.171875c-11.746093-14.40625-9.589843-35.617187 4.816407-47.367187l27.445312-22.375c.148438-.125.292969-.242188.429688-.375l8.0625-7.496094c2.320312-2.160156 3.292969-5.410156 2.535156-8.492188-5.007813-20.597656 2.222656-42.246094 18.609375-55.6875zm-284.148437 140.0625c-8.824219.109376-17.320313-3.34375-23.570313-9.566406-6.257812-6.226562-9.738281-14.703125-9.675781-23.523437v-76.347657c0-18.5625 14.675781-34.207031 33.246094-34.207031h33.761719c-1.441406 5.902344-2.183594 11.953125-2.21875 18.035157-.0625 23.414062 9.226562 45.886718 25.808594 62.429687l4.324218 4.390625c3.394532 3.414062 8.917969 3.429688 12.332032.035156 3.417968-3.402344 3.429687-8.925781.03125-12.335937l-4.324219-4.324219c-13.28125-13.144531-20.730469-31.070312-20.683594-49.753906.050781-30.257813 24.617187-54.75 54.871094-54.699219h150.042969c.140624 0 .257812-.160156.257812-.015625-.019531 9.320312-3.75 18.25-10.367188 24.816406-6.617187 6.5625-15.570312 10.222656-24.894531 10.171875h-60.953125c-4.847656.050781-8.75 3.996094-8.742187 8.847657-.015625 16.835937-13.648438 30.496093-30.488281 30.539062-4.832032.015625-8.746094 3.9375-8.746094 8.765625.003906 2.316406.933594 4.523437 2.570312 6.148437 1.640625 1.625 3.867188 2.527344 6.175782 2.507813 23.15625 0 43.003906-16.542969 47.171874-39.320313h74.769532l-30.644532 25.011719c-.320312-.03125-.648437-.039062-.96875-.03125h-19.292968c-4.640625.03125-8.460938 3.652344-8.734375 8.285157-.269531 4.632812 3.097656 8.675781 7.703125 9.253906l-31.949219 26.0625c-20.148437 16.535156-29.914063 42.582031-25.605469 68.285156l-4.25 3.957031-15.621094 12.738281c-28.308593-1-54.160156-22.121093-60.644531-49.925781-1.101562-4.707031-5.800781-7.625-10.503906-6.53125-2.238281.460938-4.191406 1.804688-5.421875 3.730469-1.230469 1.921875-1.628906 4.261719-1.109375 6.484375 1.648437 7.039063 4.304687 13.800781 7.886719 20.085937zm0 0"/>
                                        <path d="m435.21875 119.089844-33.710938-53.433594c-1.601562-2.535156-4.390624-4.078125-7.390624-4.078125-3.007813 0-5.796876 1.542969-7.398438 4.078125l-33.710938 53.433594c-.175781.273437-.332031.554687-.472656.847656-9.433594 19.429688-4.148437 42.800781 12.726563 56.28125 16.871093 13.484375 40.832031 13.484375 57.703125 0 16.875-13.480469 22.160156-36.851562 12.726562-56.28125-.140625-.292969-.296875-.574219-.472656-.847656zm-20.789062 41.347656c-11.230469 11.195312-29.402344 11.195312-40.632813 0l-6.179687 6.179688 6.179687-6.179688c-8.527344-8.546875-10.816406-21.503906-5.722656-32.449219l26.035156-41.273437 26.046875 41.273437c5.089844 10.945313 2.800781 23.898438-5.726562 32.4375zm0 0"/>
                                        <path d="m497.160156 26.371094c-3 0-5.792968 1.539062-7.390625 4.078125l-22.476562 35.621093c-.167969.273438-.332031.558594-.472657.851563-6.265624 12.929687-3.660156 28.40625 6.496094 38.570313 11.644532 11.640624 29.992188 13.171874 43.40625 3.625 13.410156-9.550782 17.96875-27.382813 10.78125-42.195313-.140625-.292969-.296875-.578125-.472656-.851563l-22.472656-35.621093c-1.601563-2.539063-4.394532-4.078125-7.398438-4.078125zm11.484375 66.75c-6.339843 6.34375-16.621093 6.34375-22.960937 0-4.78125-4.777344-6.097656-12.015625-3.3125-18.175782l14.789062-23.441406 14.792969 23.441406c2.785156 6.160157 1.46875 13.394532-3.308594 18.175782zm0 0"/>
                                        <path d="m313.449219 2.96875c-1.601563-2.539062-4.394531-4.078125-7.394531-4.078125-3.003907 0-5.796876 1.539063-7.394532 4.078125l-22.476562 35.621094c-.167969.273437-.332032.558594-.472656.851562-6.265626 12.929688-3.660157 28.40625 6.496093 38.570313 11.644531 11.640625 29.992188 13.171875 43.402344 3.625 13.414063-9.550781 17.972656-27.382813 10.785156-42.195313-.140625-.292968-.296875-.578125-.472656-.851562zm4.085937 62.671875c-6.34375 6.34375-16.621094 6.34375-22.960937 0-4.78125-4.773437-6.097657-12.015625-3.3125-18.171875l14.789062-23.445312 14.792969 23.445312c2.785156 6.15625 1.46875 13.390625-3.308594 18.171875zm0 0"/>
                                        <path d="m577.042969 193.082031c-15.691407-1.425781-28.128907-13.859375-29.554688-29.558593-.410156-4.503907-4.183593-7.953126-8.707031-7.953126s-8.300781 3.449219-8.707031 7.953126c-1.421875 15.699218-13.859375 28.132812-29.558594 29.558593-4.503906.40625-7.953125 4.183594-7.953125 8.710938 0 4.523437 3.449219 8.300781 7.953125 8.703125 15.699219 1.425781 28.136719 13.863281 29.558594 29.558594.40625 4.503906 4.183593 7.953124 8.707031 7.953124s8.296875-3.449218 8.707031-7.953124c1.425781-15.695313 13.863281-28.132813 29.554688-29.558594 4.507812-.402344 7.957031-4.179688 7.957031-8.703125 0-4.527344-3.449219-8.304688-7.957031-8.710938zm-38.261719 21.382813c-3.429688-4.953125-7.726562-9.246094-12.671875-12.675782 4.945313-3.433593 9.242187-7.726562 12.671875-12.679687 3.433594 4.953125 7.722656 9.246094 12.675781 12.679687-4.949219 3.429688-9.242187 7.722657-12.675781 12.675782zm0 0"/>
                                        <path d="m539.570312 440.402344c-15.691406-1.425782-28.128906-13.863282-29.554687-29.558594-.410156-4.503906-4.183594-7.953125-8.707031-7.953125-4.523438 0-8.300782 3.449219-8.707032 7.953125-1.421874 15.695312-13.859374 28.132812-29.558593 29.558594-4.5.402344-7.953125 4.179687-7.953125 8.707031 0 4.523437 3.453125 8.300781 7.953125 8.707031 15.699219 1.421875 28.136719 13.859375 29.558593 29.558594.40625 4.503906 4.183594 7.953125 8.707032 7.953125 4.523437 0 8.296875-3.449219 8.707031-7.953125 1.425781-15.699219 13.863281-28.136719 29.554687-29.558594 4.507813-.40625 7.957032-4.183594 7.957032-8.707031 0-4.527344-3.449219-8.304687-7.957032-8.707031zm-38.261718 21.378906c-3.429688-4.953125-7.726563-9.246094-12.671875-12.675781 4.945312-3.429688 9.242187-7.722657 12.671875-12.675781 3.433594 4.953124 7.722656 9.246093 12.675781 12.675781-4.949219 3.429687-9.242187 7.722656-12.675781 12.675781zm0 0"/>
                                        <path d="m211.484375 59.851562c-.410156-4.503906-4.183594-7.953124-8.707031-7.953124-4.523438 0-8.300782 3.449218-8.707032 7.953124-1.421874 15.695313-13.859374 28.132813-29.558593 29.558594-4.5.402344-7.953125 4.179688-7.953125 8.707032 0 4.523437 3.453125 8.300781 7.953125 8.707031 15.699219 1.421875 28.136719 13.859375 29.558593 29.558593.40625 4.503907 4.183594 7.953126 8.707032 7.953126 4.523437 0 8.296875-3.449219 8.707031-7.953126 1.425781-15.699218 13.863281-28.136718 29.554687-29.558593 4.507813-.40625 7.957032-4.183594 7.957032-8.707031 0-4.527344-3.449219-8.304688-7.957032-8.707032-15.691406-1.425781-28.128906-13.863281-29.554687-29.558594zm-8.707031 50.9375c-3.429688-4.953124-7.726563-9.246093-12.671875-12.675781 4.945312-3.429687 9.242187-7.722656 12.671875-12.675781 3.433594 4.953125 7.722656 9.246094 12.675781 12.675781-4.949219 3.429688-9.242187 7.722657-12.675781 12.675781zm0 0"/>
                                    </svg>
                                </div>
                                <div class="about-list-item pl-3">
                                    <h3 class="widget-title pb-2">彻底洗手</h3>
                                    <p>
                                        只需要一个诺如病毒就能让你生病，传统的洗手方法就能防止这种病毒引起的肠胃病。诀窍是用肥皂搓洗手上的每一个部位，搓洗20秒，确保手指之间和手背上也有肥皂，然后将手清洗干净。
                                    </p>
                                </div>
                            </li>
                            <li class="d-flex align-items-center mb-3">
                                <div class="about-icon flex-shrink-0">
                                    <svg id="_x34_0" enable-background="new 0 0 64 64" viewBox="0 0 64 64"
                                         xmlns="http://www.w3.org/2000/svg">
                                        <g>
                                            <path d="m31 22h2v4h-2z"/>
                                            <path d="m39.555 23.168-1.752-1.168 1.752-1.168-1.11-1.664-4.248 2.832 4.248 2.832z"/>
                                            <path d="m25.555 24.832 4.248-2.832-4.248-2.832-1.11 1.664 1.752 1.168-1.752 1.168z"/>
                                            <path d="m54 31h-.879c-2.698 0-5.039 1.776-5.832 4.272-.01-.002-.02-.005-.03-.007l-6.488-1.145c-.124-.339-.273-.665-.433-.983 1.587-1.77 2.688-3.867 3.24-6.137h.422c2.206 0 4-1.794 4-4 0-.027-.007-.052-.008-.079 3.391-.488 6.008-3.424 6.008-6.971 0-.192.072-.365.207-.5 1.156-1.156 1.793-2.693 1.793-4.329 0-3.375-2.746-6.121-6.121-6.121h-.879c-1.542 0-3.023.409-4.354 1.15-2.636-3.144-6.588-5.15-11.002-5.15h-3.288c-3.563 0-6.82 1.313-9.333 3.47-1.237-2.115-3.498-3.47-6.023-3.47-3.86 0-7 3.163-7 7.05 0 .192-.072.365-.207.5-1.156 1.156-1.793 2.693-1.793 4.329 0 3.375 2.746 6.121 6.121 6.121h.879c1.149 0 2.28-.23 3.337-.654.035.163.051.33.091.492l.429 1.717c-.528.678-.857 1.52-.857 2.445 0 2.206 1.794 4 4 4h.422c.552 2.27 1.653 4.367 3.24 6.137-.16.318-.309.644-.433.983l-6.274 1.107c-.386-3.497-3.356-6.227-6.955-6.227-3.86 0-7 3.163-7 7.05 0 .192-.072.365-.207.5-1.156 1.156-1.793 2.693-1.793 4.329 0 3.01 2.186 5.513 5.052 6.021-.034.385-.052.775-.052 1.168v7.568c0 4.061 3.303 7.364 7.364 7.364h44.636v-14.296c2.941-.871 5-3.563 5-6.704v-2c0-4.962-4.038-9-9-9zm-19.664 14.078.646 5.813-.024.072c-.406 1.218-1.542 2.037-2.828 2.037-.999 0-1.926-.496-2.48-1.328-.254-.381-.583-.697-.949-.959zm2.368 3.197-.557-5.008.525-.525c.856-.856 1.328-1.995 1.328-3.206 0-2.501-2.035-4.536-4.536-4.536-1.211 0-2.351.472-3.207 1.329l-.671.671h-.172c-1.179 0-2.288.459-3.121 1.293-.834.833-1.293 1.942-1.293 3.121v.172l-1.464 1.464 1.232-6.982c.621-3.516 3.662-6.068 7.232-6.068s6.611 2.552 7.231 6.067l1.756 9.947c.009.049.013.098.013.147 0 .463-.376.839-.839.839-1.302 0-2.51.478-3.457 1.275zm7.296-23.275h-.068c.045-.464.068-.932.068-1.403v-2.597c1.103 0 2 .897 2 2s-.897 2-2 2zm3.443-13.56c.466-.285 1.002-.44 1.557-.44h.879c.065 0 .121.056.086.207-1.267 1.267-1.965 2.951-1.965 4.743 0 .085-.032.158-.051.236.016-.277.051-.553.051-.83 0-1.359-.202-2.669-.557-3.916zm1.557-4.44h.879c2.272 0 4.121 1.849 4.121 4.121 0 1.101-.429 2.136-1.208 2.915-.511.511-.792 1.191-.792 1.914 0 2.639-2.022 4.788-4.58 5.007-.084-.141-.177-.274-.278-.403l.403-1.611c1.394-.261 2.455-1.501 2.455-2.993 0-1.257.49-2.439 1.38-3.33.4-.4.62-.933.62-1.499 0-1.169-.952-2.121-2.121-2.121h-.879c-.788 0-1.546.204-2.236.552-.274-.617-.595-1.208-.95-1.776.982-.505 2.065-.776 3.186-.776zm-36 10h-.879c-2.272 0-4.121-1.849-4.121-4.121 0-1.101.429-2.136 1.208-2.915.511-.511.792-1.191.792-1.914 0-2.784 2.243-5.05 5-5.05 1.983 0 3.739 1.167 4.543 2.943-.578.663-1.093 1.379-1.543 2.14v-.083c0-1.654-1.346-3-3-3s-3 1.368-3 3.05c0 1.257-.49 2.439-1.38 3.33-.4.4-.62.933-.62 1.499 0 1.169.952 2.121 2.121 2.121h.879c1.164 0 2.222-.416 3.073-1.086-.047.474-.073.955-.073 1.442 0 .309.037.616.057.924-.95.464-1.992.72-3.057.72zm3-9v2c0 1.654-1.346 3-3 3h-.879c-.065 0-.121-.056-.086-.207 1.267-1.267 1.965-2.951 1.965-4.743 0-.589.439-1.05 1-1.05.551 0 1 .449 1 1zm4 17c-1.103 0-2-.897-2-2s.897-2 2-2v2.597c0 .472.023.94.068 1.403zm.162-6h-.162c-.495 0-.964.102-1.402.267l-.229-.915c-.245-.978-.369-1.986-.369-2.996 0-6.813 5.543-12.356 12.356-12.356h3.288c6.813 0 12.356 5.543 12.356 12.356 0 1.01-.124 2.018-.369 2.997l-.229.915c-.438-.166-.907-.268-1.402-.268h-.274c-.411-1.365-1.274-2.567-2.494-3.38-.536-.357-1.122-.628-1.74-.805l-4.736-1.353c.144-.466.244-.95.244-1.462v-5h-2v5c0 1.654-1.346 3-3 3h-4.697c-1.05 0-2.067.308-2.941.891-1.109.739-1.882 1.85-2.2 3.109zm1.838 4.597v-3.294c0-1.107.55-2.134 1.471-2.748.544-.363 1.178-.555 1.832-.555h4.697c1.507 0 2.844-.684 3.762-1.742l5.181 1.48c.419.12.816.303 1.18.546 1.175.783 1.877 2.094 1.877 3.508v2.805c0 2.88-.983 5.61-2.788 7.807-1.726-2.096-4.332-3.404-7.212-3.404s-5.486 1.308-7.212 3.403c-1.805-2.196-2.788-4.926-2.788-7.806zm.706 12.647-1.636 9.272-5.07 5.07v-3.586h-2v4h-6v-2.932c0-5.348 3.822-9.903 9.088-10.833zm-14.706 4.756h-.879c-.065 0-.121-.056-.086-.207 1.267-1.267 1.965-2.951 1.965-4.743 0-.589.439-1.05 1-1.05.551 0 1 .449 1 1v1.829c-1.137.888-2.115 1.956-2.898 3.162-.034.002-.067.009-.102.009zm-5-.121c0-1.101.429-2.136 1.208-2.915.511-.511.792-1.191.792-1.914 0-2.784 2.243-5.05 5-5.05 2.661 0 4.823 2.095 4.972 4.719-.686.223-1.344.499-1.972.825v-.544c0-1.654-1.346-3-3-3s-3 1.368-3 3.05c0 1.257-.49 2.439-1.38 3.33-.4.4-.62.933-.62 1.499 0 1.141.909 2.069 2.04 2.113-.264.623-.482 1.268-.648 1.935-1.925-.347-3.392-2.025-3.392-4.048zm5 14.757v-2.636h5.586l-2.293 2.293 1.414 1.414 14.293-14.293v-1c0-.635.258-1.258.707-1.707s1.072-.707 1.707-.707h1l1.257-1.257c.479-.479 1.116-.743 1.793-.743 1.398 0 2.536 1.138 2.536 2.536 0 .677-.264 1.314-.743 1.793l-18.1 18.1c-1.013 1.013-2.36 1.571-3.793 1.571-2.958 0-5.364-2.406-5.364-5.364zm10.571 5.207 8.678-8.678c.295.135.554.343.737.617.926 1.389 2.475 2.218 4.144 2.218 2.148 0 4.047-1.369 4.725-3.405l.094-.28c.462-1.385 1.752-2.315 3.212-2.315 1.566 0 2.839-1.273 2.839-2.839 0-.166-.014-.331-.043-.494l-1.663-9.424 5.618.991c5.266.931 9.088 5.486 9.088 10.834v2.932h-6v-4h-2v14h-29.602c.057-.053.117-.101.173-.157zm38.429-18.843c0 .221-.082.423-.208.591-.625-1.348-1.476-2.573-2.509-3.626-.322-.646-.734-1.249-1.283-1.844 0-.065.056-.121.121-.121h.879c1.654 0 3 1.346 3 3zm-7 19v-8h6v8zm11-19c0 2.066-1.253 3.851-3.091 4.608-.078-.694-.203-1.375-.386-2.034.886-.528 1.477-1.493 1.477-2.574v-2c0-2.757-2.243-5-5-5h-.879c-.983 0-1.805.676-2.044 1.585-.59-.312-1.206-.581-1.849-.802.562-1.631 2.11-2.783 3.893-2.783h.879c3.86 0 7 3.14 7 7z"/>
                                            <path d="m57 23c0-1.103.897-2 2-2s2 .897 2 2-.897 2-2 2v2c2.206 0 4-1.794 4-4s-1.794-4-4-4-4 1.794-4 4z"/>
                                            <path d="m4 25c1.654 0 3-1.346 3-3s-1.346-3-3-3-3 1.346-3 3 1.346 3 3 3zm0-4c.551 0 1 .449 1 1s-.449 1-1 1-1-.449-1-1 .449-1 1-1z"/>
                                        </g>
                                    </svg>
                                </div>
                                <div class="about-list-item pl-3">
                                    <h3 class="widget-title pb-2">打喷嚏时捂住口鼻</h3>
                                    <p>
                                        一个喷嚏里含有30万个微生物（病毒、细菌等），可以在5分钟之内吧感冒传染给150个人。为了我们和别人的身体健康，我们在打喷嚏的时候可以用纸巾或衣袖掩住口鼻
                                    </p>
                                </div>
                            </li>
                            <li class="d-flex align-items-center mb-3">
                                <div class="about-icon flex-shrink-0">
                                    <svg viewBox="-48 0 496 496" xmlns="http://www.w3.org/2000/svg">
                                        <path d="m168 152c0 8.835938-7.164062 16-16 16s-16-7.164062-16-16 7.164062-16 16-16 16 7.164062 16 16zm0 0"/>
                                        <path d="m264 152c0 8.835938-7.164062 16-16 16s-16-7.164062-16-16 7.164062-16 16-16 16 7.164062 16 16zm0 0"/>
                                        <path d="m344.191406 348.761719-52.976562-12.234375-22.773438-15.183594c-3.175781-2.128906-7.394531-1.695312-10.097656 1l-5.433594 5.433594-3.847656-19.25c27.929688-13.6875 49.363281-38.582032 58.3125-68.863282 20.457031-1.753906 36.625-18.761718 36.625-39.664062v-104c0-34.105469-26.808594-62.0625-60.863281-63.902344-19.578125-20.441406-46.761719-32.097656-75.136719-32.097656h-48c-57.34375 0-104 46.65625-104 104v96c0 20.902344 16.167969 37.910156 36.632812 39.65625 8.941407 30.289062 30.375 55.175781 58.3125 68.863281l-3.847656 19.25-5.433594-5.433593c-2.695312-2.695313-6.921874-3.121094-10.097656-1l-22.773437 15.183593-52.96875 12.234375c-32.871094 7.582032-55.824219 36.429688-55.824219 70.15625v69.089844c0 4.425781 3.585938 8 8 8h384c4.414062 0 8-3.574219 8-8v-69.089844c0-33.726562-22.953125-62.574218-55.808594-70.148437zm-79.175781-10.464844 11.886719 7.917969-38.148438 57.226562-19.441406-19.441406zm-66.894531 101.253906c.621094.160157 1.214844.449219 1.878906.449219s1.257812-.289062 1.878906-.449219l5.058594 40.449219h-13.882812zm83.941406-182-17.589844-13.191406c4.757813-9.320313 7.527344-19.121094 7.527344-28.359375 0-6.289062-1.359375-11.496094-3.542969-15.960938l27.542969-22.960937v30.921875c0 18.144531-5.152344 35.0625-13.9375 49.550781zm13.9375-101.304687-37.976562 31.648437c-16.542969-11.824219-43.671876-11.894531-58.023438-11.894531s-41.480469.070312-58.023438 11.894531l-37.976562-31.648437v-56.703125l15.734375 5.898437c51.503906 19.3125 109.027344 19.3125 160.523437 0l15.742188-5.898437zm-152 59.753906c0-11.863281 6.65625-24 56-24s56 12.136719 56 24c0 22.121094-25.089844 56-56 56s-56-33.878906-56-56zm166.894531 6.871094c.648438-4.878906 1.105469-9.816406 1.105469-14.871094v-30.527344c9.289062 3.3125 16 12.113282 16 22.527344 0 10.824219-7.238281 19.886719-17.105469 22.871094zm-150.894531-206.871094h48c25 0 48.910156 10.695312 65.59375 29.335938 1.519531 1.695312 4.125 2.664062 6.40625 2.664062 26.472656 0 48 21.527344 48 48v72.207031c-4.671875-3.535156-10.054688-6.183593-16-7.390625v-72.816406c0-2.625-1.289062-5.078125-3.441406-6.574219-2.160156-1.496093-4.910156-1.839843-7.367188-.914062l-26.542968 9.953125c-47.894532 17.96875-101.390626 17.96875-149.289063 0l-26.542969-9.953125c-2.449218-.925781-5.207031-.574219-7.367187.914062-2.160157 1.496094-3.449219 3.949219-3.449219 6.574219v72.808594c-5.945312 1.214844-11.328125 3.855468-16 7.390625v-64.199219c0-48.519531 39.480469-88 88-88zm-88 184c0-10.414062 6.710938-19.214844 16-22.527344v30.527344c0 5.054688.457031 9.992188 1.105469 14.871094-9.859375-2.984375-17.105469-12.046875-17.105469-22.871094zm32-22.921875 27.542969 22.953125c-2.183594 4.472656-3.542969 9.679688-3.542969 15.96875 0 9.238281 2.769531 19.039062 7.527344 28.359375l-17.589844 13.191406c-8.785156-14.488281-13.9375-31.40625-13.9375-49.550781zm23.304688 93.441406 16.832031-12.625c13.367187 17.144531 33.695312 30.105469 55.863281 30.105469s42.496094-12.960938 55.863281-30.105469l16.832031 12.625c-17.617187 20.457031-43.640624 33.480469-72.695312 33.480469s-55.078125-13.023438-72.695312-33.480469zm38.710937 44.175781c10.726563 3.425782 22.136719 5.304688 33.984375 5.304688s23.257812-1.878906 33.984375-5.304688l5.335937 26.679688-36.976562 36.976562c-1.558594 1.550782-2.34375 3.601563-2.34375 5.648438s.785156 4.097656 2.34375 5.65625l11.097656 11.097656-13.441406 17.910156-13.441406-17.910156 11.097656-11.097656c1.558594-1.558594 2.34375-3.609375 2.34375-5.65625s-.785156-4.097656-2.34375-5.65625l-36.976562-36.976562zm-31.03125 23.601563 45.703125 45.703125-19.449219 19.449219-38.148437-57.226563zm-118.984375 80.613281c0-26.230468 17.847656-48.671875 43.40625-54.558594l49-11.3125 44.929688 67.402344c1.328124 1.992188 3.488281 3.285156 5.863281 3.519532.28125.023437.535156.039062.800781.039062 2.113281 0 4.152344-.832031 5.65625-2.34375l9.480469-9.480469 8.808593 11.753907-7.007812 56.070312h-160.9375zm368 61.089844h-160.9375l-7.007812-56.070312 8.808593-11.753907 9.480469 9.480469c1.503906 1.511719 3.542969 2.34375 5.65625 2.34375.265625 0 .519531-.015625.792969-.039062 2.382812-.234376 4.535156-1.527344 5.863281-3.519532l44.929688-67.402344 49.007812 11.3125c25.558594 5.886719 43.40625 28.328126 43.40625 54.558594zm0 0"/>
                                    </svg>
                                </div>
                                <div class="about-list-item pl-3">
                                    <h3 class="widget-title pb-2">需要的时候可以带上你的口罩</h3>
                                    <p>
                                        感冒多数是病毒感染引起的，病毒性感冒也会具有一定的传染性。在去到人流密集的地方时通过佩戴口罩能够减少感冒的发生。
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div><!-- end col-lg-6 -->
                <div class="col-lg-6 ml-auto">
                    <div class="about-img-box w-100 h-100 pt-5">
                        <div class="image-box-item w-100 h-100">
                            <img src="images/img1.jpg" alt="" class="image-item">
                            <img src="images/img2.jpg" alt="" class="image-item">
                            <img src="images/img3.jpg" alt="" class="image-item">
                            <img src="images/img4.jpg" alt="" class="image-item">
                        </div><!-- end image-box-item -->
                    </div>
                </div><!-- end col-lg-6 -->
            </div><!-- end row -->
        </div><!-- end container -->
    </section><!-- end feature-area -->
</div>

<div th:fragment="comFooter">
    <section class="footer-area padding-top-90px">
        <div id="particles-bg"></div>
        <div class="container">
            <div class="row">
                <div class="col-lg-3 column-td-6">
                    <div class="footer-widget">
                        <a th:href="@{/}">
                            <img th:src="@{/images/logo.png}" alt="footer logo" class="footer__logo">
                        </a>
                        <p class="padding-top-30px padding-bottom-20px">
                            有医说疑是一个有专业的医生为您解决疾病问题的医学网站。
                            您可以在这里提出您的疑问，我们的医生将会为您解答。
                        </p>
                        <h3 class="widget-title font-size-16 font-weight-medium pb-3 mb-0">联系我们</h3>
                        <ul class="social-links">
                            <li><a href="http://wpa.qq.com/msgrd?v=3&uin=770101551&site=qq&menu=yes">
                                <i class="fa fa-qq"></i></a></li>
                            <li><a href="#"><i class="fa fa-wechat"></i></a></li>
                            <li><a href="https://weibo.com/u/3187198714?is_all=1"><i class="fa fa-weibo"></i></a></li>
                        </ul>
                    </div><!-- end footer-widget -->
                </div><!-- end col-lg-3 -->
                <div class="col-lg-3 column-td-6">
                    <div class="footer-widget">
                        <h3 class="widget-title">隐私和服务条款</h3>
                        <div class="section-divider"></div>
                        <ul class="list-items">
                            <li><a href="#">广告协议</a></li>
                            <li><a href="#">开发协议</a></li>
                            <li><a href="#">隐私政策</a></li>
                            <li><a href="#">技术支持</a></li>
                            <li><a href="#">用户协议</a></li>
                        </ul>
                    </div><!-- end footer-widget -->
                </div><!-- end col-lg-3 -->
                <div class="col-lg-3 column-td-6">
                    <div class="footer-widget">
                        <h3 class="widget-title">相关链接</h3>
                        <div class="section-divider"></div>
                        <ul class="list-items">
                            <li><a href="#">河南理工大学</a></li>
                            <li><a href="#">计算机科学与技术学院</a></li>
                            <li><a href="#">软件工程</a></li>
                            <li><a href="#">1802</a></li>
                            <li><a href="#">小试牛刀</a></li>
                        </ul>
                    </div><!-- end footer-widget -->
                </div><!-- end col-lg-3 -->
                <div class="col-lg-3 column-td-6">
                    <div class="footer-widget">
                        <h3 class="widget-title">联系我们</h3>
                        <div class="section-divider"></div>
                        <ul class="list-items">
                            <li><span class="mr-1 font-weight-medium text-color">地 址 : 河南省焦作市世纪路2001号 河南理工大学</span>.
                            </li>
                            <li><span class="mr-1 font-weight-medium text-color">电子邮件 :</span><a href="#">lzzy604@foxmail.com</a>
                            </li>
                            <li><span class="mr-1 font-weight-medium text-color">联系电话 :</span><a href="#">0375
                                6667559</a></li>
                            <li><span class="mr-1 font-weight-medium text-color">传真 :</span><a href="#"> 暂无 </a></li>
                        </ul>
                    </div><!-- end footer-widget -->
                </div><!-- end col-lg-3 -->
            </div><!-- end row -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="copyright-content text-center">
                        <p class="copy__desc">Copyright &copy; 2020.Company name All rights reserved.</p>
                    </div>
                </div><!-- end col-lg-12 -->
            </div><!-- end copyright-content -->
        </div><!-- end container -->
    </section><!-- end footer-area -->
</div>

<div th:fragment="comDoctors">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="team-item">
                    <div class="team-avatar">
                        <img src="images/doctor1.jpg" alt="">
                        <div class="team-social">
                            <ul class="social-links">
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="team-detail">
                        <h3 class="team__title"><a href="doctor-single.html">叶琛医生</a></h3>
                        <p class="team__meta">喉科专家</p>
                        <div class="section-block"></div>
                        <p class="team__meta pt-3">治疗急慢性咽喉炎、急慢性扁桃体炎、喉部急慢性声带炎，声带良性肿瘤以及恶性肿瘤。</p>
                        <div class="btn-box pt-2">
                            <a href="doctor-single.html" class="template-btn">查看预览</a>
                        </div>
                    </div>
                </div><!-- end team-item -->
            </div><!-- end col-lg-6 -->
            <div class="col-lg-6">
                <div class="team-item">
                    <div class="team-avatar">
                        <img src="images/doctor1.jpg" alt="">
                        <div class="team-social">
                            <ul class="social-links">
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="team-detail">
                        <h3 class="team__title"><a href="doctor-single.html">顾清医生</a></h3>
                        <p class="team__meta">保健专家</p>
                        <div class="section-block"></div>
                        <p class="team__meta pt-3">保护和增进人体健康、防治疾病，通过长期的锻炼和修习，达到保养身体、增进健康、延年益寿</p>
                        <div class="btn-box pt-2">
                            <a href="doctor-single.html" class="template-btn">查看预览</a>
                        </div>
                    </div>
                </div><!-- end team-item -->
            </div><!-- end col-lg-6 -->
            <div class="col-lg-6">
                <div class="team-item">
                    <div class="team-avatar">
                        <img src="images/doctor1.jpg" alt="">
                        <div class="team-social">
                            <ul class="social-links">
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="team-detail">
                        <h3 class="team__title"><a href="doctor-single.html">楼君炎医生</a></h3>
                        <p class="team__meta">康复治疗</p>
                        <div class="section-block"></div>
                        <p class="team__meta pt-3">提高或改善人体各项功能，促进患者康复，提高日常生活能力。</p>
                        <div class="btn-box pt-2">
                            <a href="doctor-single.html" class="template-btn">查看预览</a>
                        </div>
                    </div>
                </div><!-- end team-item -->
            </div><!-- end col-lg-6 -->
            <div class="col-lg-6">
                <div class="team-item">
                    <div class="team-avatar">
                        <img src="images/doctor1.jpg" alt="">
                        <div class="team-social">
                            <ul class="social-links">
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                                <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="team-detail">
                        <h3 class="team__title"><a href="doctor-single.html">苏瑾医生</a></h3>
                        <p class="team__meta">皮肤科专家</p>
                        <div class="section-block"></div>
                        <p class="team__meta pt-3">治疗病原体感染、职业性、物理性、光感性、神经功能障碍性、红斑性、结缔组织病及有关免疫性疾病。</p>
                        <div class="btn-box pt-2">
                            <a href="doctor-single.html" class="template-btn">查看预览</a>
                        </div>
                    </div>
                </div><!-- end team-item -->
            </div><!-- end col-lg-6 -->
        </div><!-- end row -->
    </div><!-- end container -->
</div>

<div th:fragment="scrollTop">
    <div id="scroll-top">
        <i class="fa fa-angle-up" title="Go top"></i>
    </div>
</div>

<div th:fragment="comScript">
    <script th:src="@{/js/jquery-3.4.1.min.js}"></script>
    <script th:src="@{/js/popper.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/js/owl.carousel.min.js}"></script>
    <script th:src="@{/js/magnific-popup.min.js}"></script>
    <script th:src="@{/js/purecounter.js}"></script>
    <script th:src="@{/js/particles.min.js}"></script>
    <script th:src="@{/js/particlesRun.js}"></script>
    <script th:src="@{/js/smooth-scrolling.js}"></script>
    <script th:src="@{/js/main.js}"></script>
    <script th:src="@{/js/form.js}"></script>
    <script th:src="@{/js/jquery.provincesCity.js}"></script>
    <script th:src="@{/js/provincesData.js}"></script>
    <script th:src="@{/js/community.js}"></script>
    <script th:src="@{/js/wangEditor.min.js}"></script>
</div>

</body>
</html>